<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout - Layui</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/customer/css/index.css" media="all">

    <style type="text/css">

    </style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <div class="logo"></div>
        <div class="layui-side-toggle toggle">
            <i class="fa fa-bars" aria-hidden="true"></i>
        </div>
        <div class="layui-side-full toggle">
            <i class="fa fa-life-bouy" aria-hidden="true"></i>
        </div>

        <ul class="layui-nav layui-nav-top">
            <li class="layui-nav-item"><a href="javascript:;">最新活动</a></li>
            <li class="layui-nav-item layui-this">
                <a href="javascript:;">产品</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">选项1</a></dd>
                    <dd><a href="javascript:;">选项2</a></dd>
                    <dd><a href="javascript:;">选项3</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="javascript:;">大数据</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">解决方案</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">移动模块</a></dd>
                    <dd><a href="javascript:;">后台模版</a></dd>
                    <dd class="layui-this"><a href="javascript:;">选中项</a></dd>
                    <dd><a href="javascript:;">电商平台</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="javascript:;">社区</a></li>
        </ul>

        <ul class="layui-nav layui-nav-loginfo">
            <li class="layui-nav-item">
                <a href="javascript:;" class="layui-nav-header-user">
                    <img src="/customer/images/girl.jpg"/>
                    <span>frinder6</span>
                </a>
                <dl class="layui-nav-child">
                    <dd>
                        <a href="javascript:;"><i class="fa fa-user-circle" aria-hidden="true"></i> 个人信息</a>
                    </dd>
                    <dd>
                        <a href="javascript:;"><i class="fa fa-gear" aria-hidden="true"></i> 设置</a>
                    </dd>
                    <dd id="lock">
                        <a href="javascript:;">
                            <i class="fa fa-lock" aria-hidden="true" style="padding-right: 3px;padding-left: 1px;"></i>
                            锁屏 (Alt+L)
                        </a>
                    </dd>
                    <dd>
                        <a href="login.html"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
                    </dd>
                </dl>
            </li>
        </ul>
    </div>

    <div id="main-side" class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree layui-nav-left" lay-filter="left-nav">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;" data-id="1">默认展开</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-id="11">选项一</a></dd>
                        <dd><a href="javascript:;" data-id="12">选项二</a></dd>
                        <dd><a href="javascript:;" data-id="13">选项三</a></dd>
                        <dd><a href="javascript:;" data-id="14">跳转项</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" data-id="2">解决方案</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-id="21">移动模块</a></dd>
                        <dd><a href="javascript:;" data-id="22">后台模版</a></dd>
                        <dd><a href="javascript:;" data-id="23">电商平台</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" data-id="3">解决方案</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-id="31">移动模块</a></dd>
                        <dd><a href="javascript:;" data-id="32">后台模版</a></dd>
                        <dd><a href="javascript:;" data-id="33">电商平台</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" data-id="4">解决方案</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-id="41">移动模块</a></dd>
                        <dd><a href="javascript:;" data-id="42">后台模版</a></dd>
                        <dd><a href="javascript:;" data-id="43">电商平台</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:;" data-id="5">云市场</a></li>
                <li class="layui-nav-item"><a href="javascript:;" data-id="6">社区</a></li>
            </ul>
        </div>
    </div>

    <div id="main-body" class="layui-body layui-body-self">
        <!-- 内容主体区域 -->
        <div class="layui-tab layui-tab-self" lay-filter="layui-tab" lay-allowClose="true">
            <ul class="layui-tab-title layui-tab-title-self">
                <li class="layui-this tab-default"><i class="fa fa-home"></i> 网站设置</li>
            </ul>
            <div class="layui-tab-content layui-tab-content-self">
                <div class="layui-tab-item layui-show">
                    <iframe src="form.html" style="width: 100%;border:0;"></iframe>
                </div>
            </div>
        </div>
    </div>

    <div id="main-footer" class="layui-footer">
        <!-- 底部固定区域 -->
        © 2017 frinder.com MIT license
    </div>
</div>
<script type="text/javascript" src="/layui/lay/dest/layui.all.js"></script>
<script type="text/javascript" src="/customer/js/index.js"></script>
<script>
    //JavaScript代码区域
</script>
</body>
</html>
